/*浮动*/
.fl { float: left; }
.fr { float: right; }

/*清除浮动*/
.clearfix:after {
    height: 0;
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.clearfix { zoom: 1; }
* html .clearfix { zoom: 1; }

/*public css*/
.hide{ display: none; }
*{ box-sizing: border-box; }
html { font-size:20px; }
.top{ padding-top: 120px; }
*{box-sizing: border-box;}

/*header*/
#indexheader{ 
	width: 100%; 
	height: 122px; 
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 999;
	background: #fff;
	-webkit-box-shadow: 0px 11px 32px -14px rgba(104,171,204,1);
	-moz-box-shadow: 0px 11px 32px -14px rgba(104,171,204,1);
	box-shadow: 0px 11px 32px -14px rgba(104,171,204,1);
}

.tel{height:27px; width: 1200px;  padding-top:3px;padding-right:50px;text-align: right;font-size: 16px;color: #dc071b}
.header{ height:78%; position: relative; width: 1200px; margin: 0 auto;}

#logo{ width: 30%; height: 80%; padding-top: 0 px; }
#logo a{ display: block; width: 100%; }
#logo img{ width: 100%; height: auto; }
#language{ /*width: 5.6%;*/ position: relative; padding-top:3.4%;width: 82px;}
#language select{
	width: 100%;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border: none;
    outline: none;
    color: #999;
    font-size: 12px;
	padding-left: 14px;
    background: url(../images/jt.png) no-repeat 62px center;
}
#language span{
	position: absolute;
	width: 92px;
	height: 37%;
	background: url(../images/language.png) no-repeat right center;
	z-index: -1;
}
/*nav*/
nav{ position: absolute; top: 0; right: 5.6%; background: #fff; height: 100%; }
.nav ul{ height: 100%; font-size: 0; }
.nav li{ display: inline-block; position: relative; padding-right: 18px; height: 120px;}
.nav li a.item{ display: block; height: 100%; padding-top:70%; }
.nav li a.item:hover, .nav li a.item.on{ color: #007cc3; }
.nav li a {
    font-size: 15px;
}
.subnav1{
	position: absolute;
	top: 88px;
	left: -20%;
	width: 210%;
	z-index: 9999;
	background: #fff;
	visibility: hidden;
	opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
   transform: translate3d(10px, 10px, 0px);
    -moz-transform: translate3d(10px, 10px, 0px);
    -webkit-transform: translate3d(10px, 10px, 0px);
    transition: all 0.3s ease-out 0s;
}


.subnav1 a{
	display: block;
	text-align: left;
    margin-left:5px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	width: 95%;
	font-size: 11px;
	color: #606a74;
}
.subnav1 a:hover{ color: #00a0e9; background-color: #f3f7fa; }



.subnav{
	position: absolute;
	top: 88px;
	left: -20%;
	width: 240%;
	z-index: 9999;
	background: #fff;
	visibility: hidden;
	opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
   transform: translate3d(10px, 10px, 0px);
    -moz-transform: translate3d(10px, 10px, 0px);
    -webkit-transform: translate3d(10px, 10px, 0px);
    transition: all 0.3s ease-out 0s;
}


.subnav a{
	display: block;
	text-align: center;

	height: 40px;
	line-height: 40px;
	overflow: hidden;
	width: 100%;
	font-size: 11px;
	color: #606a74;
}
.subnav a:hover{ color: #00a0e9; background-color: #f3f7fa; }

















.nav li:hover .subnav{
	visibility: visible;
	opacity: 1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}
#navbtn{
	visibility: hidden;
	opacity: 0;
	width: 12.5%;
	height: 80px;
    background: url(../images/navbtn.png) no-repeat center;
    position: absolute;
    top: 0;
    right: 0;
}

/*footer*/
footer{ width: 100%; /*height: 376px;*/ background: #333333; }
.footer{ width: 1200px; /*height: 376px; */padding: 20px 30px 20px 30px; margin: 0 auto;}
.footer .logo{ width: 30%; height: 100px; margin-top: 10px;}
.footer .logo img{ width: 100%; height: 58px;}

.footer .wx{ width: 100px; height: 100px; margin-right:100px;margin-top: 0px;}
.footer .wx span{text-align:left;margin-bottom:10px; color:#000;}

.footer .wx img{ width: 90px; height:90px;}

.footer-top .list1{ width: 70%; text-align: right; }
.footer-top .list1 a{
	display: inline-block;
	padding-left: 14px;
	height: 60px;
	line-height: 60px;
	color: #e2e2e2;
	margin-left: 7%;
	background: url(../images/right.png) no-repeat left center;
}
.footer-top .list1 a:hover{ color: #00a0e9; }
.footer-top .list1 a:first-child{ margin-left: 0; }

.footer .keyword{font-size: 16px; text-align: left; color: #dadada;margin-left:10px;padding-bottom:30px;}
.footer .keyword a{color: #dadada;;;font-size: 15px;}
.footer .link1{font-size: 16px; text-align: left; color: #dadada;margin-left:10px;padding-top:30px;}
.footer .link1 a{color: #dadada;;;font-size: 15px;}
.footer .list2{ margin: 10px 0; height: 50px; background: #454545; width: 70%; height: 50px; font-size: 0; padding: 10px 0; position: relative;}
.footer .list2 a.item{
	display: inline-block;
	width: 33.3%;
	font-size: 14px;
	color: #dadada;
	text-align: center;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
}
.footer .list2 a.item+a.item{ border-left: 1px solid #535353; }
.footer .list2 a.item i{ color: #00a0e9; font-size: 20px; padding-right: 28px;  }
.footer-bottom p{
	text-align: center;
	font-size: 12px;
	color: #9f9f9f;
}
.footer-bottom p a{ color: #9f9f9f; font-size: 12px; }
.footer-bottom p a:hover{ color: #00a0e9; }
.friendlink{
	position: absolute;
	right: -43.5%;
	top: 0;
	height: 50px;
	width: 33.3%;
}
.friendlink select{ 
	width: 100%; 
	height: 50px; 
	border-radius: 0; 
	appearance:none;  
	-moz-appearance:none; 
	-webkit-appearance:none; 
	padding-left: 30px; 
	padding-right: 50px;
	position: relative;
	z-index: 9;
	background: #fff url(../images/xjt.png) no-repeat 90% center;
}
.mask{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
	transition: all 0.3s ease-out 0s;
}
.mask .bg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #c7d6e3; opacity: .5; filter:alpha(opacity=50);z-index: 9;}
.hide1{ opacity: 0; z-index: -1; filter:alpha(opacity=0);}
#nav{
	position: relative;
	width: 53.3%;
	height: 60%;
	top: 50%;
	left: 50%;
	background: #fff;
	z-index: 99;
	-webkit-box-shadow: 0px 0px 16px -1px rgba(99,181,255,1);
	-moz-box-shadow: 0px 0px 16px -1px rgba(99,181,255,1);
	box-shadow: 0px 0px 16px -1px rgba(99,181,255,1);
}
#nav ul{ width: 100%; height: 100%; }
#nav li{ width: 100%; height: 10%; }
#nav li+li{ border-top: 1px solid #edeff8; }
#nav li a{ display: block; width: 100%; height: 100%; text-align: center; color: #007cc3; font-size: 0.75rem; }
#navclose{
	position: absolute;
	bottom: -3.9rem;
	left: 50%;
	margin-left: -1.475rem;
	width: 2.95rem;
	height: 2.95rem;
	line-height: 2.95rem;
	text-align: center;
	background-color: #00a0e0;
	border-radius: 2.95rem;
	-webkit-box-shadow: 0px 0px 16px -1px rgba(0,160,224,1);
	-moz-box-shadow: 0px 0px 16px -1px rgba(0,160,224,1);
	box-shadow: 0px 0px 16px -1px rgba(0,160,224,1);
}
#navclose i{ color: #fff; font-size: 1.25rem;}


@media screen and (max-width: 1200px){
	.top{ padding-top: 80px; }
	#language{ visibility: visible;margin-right:13%}
	#navbtn{ visibility: visible; opacity: 1; }
	#indexheader{ height: 80px; }
	.header{ padding-left: 4%; width: 100%;}
	#logo{ padding-top: 0; line-height: 80px; height: 80px; width: 226px;}
	#logo img{ vertical-align: middle; }
	.floatBar p{ width: 100%; }
	#banner .pagination{ bottom: 0; }
	.footer{ width: 100%; }
	.footer-top .list a{ margin-left: 5%; }
	.about{ width: 100%; padding: 0; }
	.project{ width: 100%; }
	nav{ display: none; }
	.project2{ width: 100%; }
	.headnav{ width: 100%; padding-right: 20px;}
	.container{ width: 100%; }
	.container .headtitle{ margin: 0 30px; }
	.container .headtitle .search{left: 50%;margin-left: -180px;top: 86px;}
	.container .headtitle .search0{left: 50%;margin-left: -180px;top: 86px;}
	.container .headtitle{ height: 136px; padding-top: 38px; }
	.detail-list{ padding: 40px 30px 80px;}
	.project-detail{ padding: 40px 30px 80px; }
	.aboutus{ padding: 50px 50px 90px 0; }
	.honor{ padding: 40px 20px; }
	.contact{ padding: 38px 30px 98px 30px; }
	.recruit{ padding: 40px 30px 66px; }
	.contact .info0 input{ width: 31%; }
	.relationship{ padding: 30px 30px 68px; }
	.news{ padding: 30px 30px 60px; }
	.news-detail{ padding: 24px 30px 20px; }
}
@media screen and (max-width: 1100px){
	.headnav .left{ display: none; }
	.headnav .right{ float: none; }
	.project-detail .detail-middle .item{ float: none; width: 100%; }
    .project-detail .detail-middle a.detail-more{bottom: 46px;left: 0; width: 100%; margin-left: 0; text-align: left;}
    .project-detail .detail-middle ul{ border: none; padding: 10px 10px 10px 0; }
    .project-detail .detail-top .left{ float: none; width: 100%; }
    .project-detail .detail-top .right{ float: none; width: 100%; }
    .about3 ul {background: url(../images/about-bg.png) repeat-y 8.2% 5px;}
}
@media screen and (max-width: 1050px){
	.project2 .list .right .large{ width: 71%; margin-bottom: 2.8%;}
	.project2 .list .right .small{ margin-bottom: 2.8%;}	
}

@media screen and (max-width: 960px) {
	.top{ padding-top: 80px; }
	#language{visibility: visible;margin-right:13%}
	#language span{background: url('');}
	#navbtn{ visibility: visible; opacity: 1; }
	#indexheader{ height: 80px; }
	.header{ padding-left: 4%; width: 100%;}
	#logo{ padding-top: 0; line-height: 80px; height: 80px; width: 226px;}
	#logo img{ vertical-align: middle; }
	.floatBar p{ width: 100%; }
	#banner .pagination{ bottom: 0; }
	nav{ right: -50%; width: 30%; z-index: 9999; padding-top: 5%;}
	.nav li{ display: block; height: 40px; line-height: 40px; padding-right: 0;}
	.nav li a.item{ padding-top: 0; text-align: center; }
	.footer{ width: 100%; }
	.imglist a{ width: 25%; }
	.imglist{ padding: 20px; }
	.footer .logo{ float: none; margin: 0 auto; width: 240px; height: auto;}
	.footer-top .list1{ display: none; }
	.friendlink{ display: none; }
	.footer .list2{ width: 100%; background: none; margin: 10px 0; }
	.footer .list2 a.item+a.item{ border: none; }
	.footer .list2 a.item i{ padding-right: 10px; }
	.footer-bottom p{ text-align: center; line-height: 1.2rem; }
	.footer{ padding: 20px 30px; /*height: 260px;*/ }
	/*footer{ height: 260px; }*/
	.project .list #pitem-1{ left: 22%; }
	.project .list #pitem-2{ left: 21%; }
	.project .list #pitem-4{ left: 53%; }
	.project .list #pitem-5{ right: 11%; }
	.project .list #pitem-6{ right: 2%; }
	.detail-list a.pitem{ width: 48.5%; margin-left: 2.5%; }
	.detail-list a.pitem:nth-child(3n+1){ margin-left: 2.5%;}
	.detail-list a.pitem:nth-child(odd){ margin-left: 0; }
	.headnav .pcright{ display: none; }
    .headnav .swiper-container{ display: block; }
    .headnav .next{ display: block; padding: 16px 10px 0 10px; z-index: 99;}
    .headnav .right a{ text-align: center; }
    .honor li{ width: 30%; margin-right: 5%; }
	.honor li:nth-child(4n){ margin-right: 5%; }
	.honor li:nth-child(3n){ margin-right: 0; }
	.contact .info input{ width: 100%;}
	.contact .info input:first-child{ margin-bottom: 20px; }
	.contact .info input+input{ margin-left: 0; }
	.recruit .recruit-item a span.one{ min-width: 50%; }
	.news .news-item a p.title{ width: 68%;}
}

@media screen and (max-width: 750px){
	p{ line-height: 0.9rem; }
	#language{ visibility: visible;margin-right:13%;padding-top: 2%;}
	#navbtn{ visibility: visible; opacity: 1; width: 2.4rem; height: 2rem; background-size: 50% 50%;}
	#indexheader{ height: 2rem;}
	.header{ padding-left: 4%; width: 100%;}
	#logo{ width: 30.1%; line-height: 2rem; height: 2rem;  }
	#logo img{ width: 5.65rem; height: auto; }
	.floatBar p{ width: 100%; }
	.top{ padding-top: 2rem; }
	#banner .pagination{ bottom: 0; }
	nav{ right: -50%; width: 30%; z-index: 9999; padding-top: 5%;}
	.nav li{ display: block; height: 2rem; line-height: 2rem; padding-right: 0;}
	.nav li a.item{ padding-top: 0; text-align: center;}
	.footer{ width: 100%; }
	.section .headtitle p.bg{ background: url(../images/icon-bg2.png) no-repeat center; background-size: 100% 100%; width: 56.8%;}
	.section .headtitle{ padding-top: 1.25rem; padding-bottom: 0.5rem;}
	.section .headtitle h2.title{ padding-bottom: 0.5rem; font-size: 0.9rem; font-weight: normal; }
	.imglist{ display: none;}
	.imglist2{ padding: 0.75rem; display: block; }
	.section a.more{ margin: 0.9rem auto 0;}
	.section{ padding-bottom: 1.3rem;  }
	.description{ padding-bottom: 0.75rem; }
	.description p{ font-size: 0.6rem; height: 1.8rem; overflow: hidden; }
	.footer .logo{ float: none; margin: 0 auto; width: 6.75rem;}
	.footer{ height: 9.75rem; padding: 1.35rem 0.75rem; }
	footer{ height: 9.75rem; }
	.floatBar{ display: none; }
	.section a.more{ width: 140px; background-size: 100% 100%; height: 40px; line-height: 40px; font-size: 0.6rem; }
	.section a.more i{ font-size: 0.6rem; }
	.section a.more:hover{ text-indent: 0.75rem; color: #fff; background: #00a0e9; }
	.section a.more:hover i{ padding-left: 0.5rem; color: #fff; }
	.section1{ background: none; }
	.section2{ background: #e7f6ff url(../images/yuan-bg.png) no-repeat center 165px;}
	.project .list{ height: 466px; }
	.project .list .pitem span{ font-weight: normal;; font-size: 0.75rem; line-height: 0.9rem;}
	.project .list .pitem.one{ width: 5.25rem; height: 5.25rem; border-radius: 15.25rem; padding: 1.65rem 0.8rem 0 0.8rem;}
	.project .list .pitem.two{ width: 4.25rem; height: 4.25rem; border-radius: 4.25rem; padding: 28px 20px 0 20px;}
	.project .list .pitem.three{ width: 3.5rem; height: 3.5rem; border-radius: 3.5rem; padding: 18px 16px 0 16px;}
	.project .list .pitem i.a{ opacity: 0; }
	.project .list .pitem.one i.a{ width: 4.25rem; height: 4.25rem; border-radius: 4.25rem; left: 0.5rem; top: 0.5rem; }
	.project .list .pitem.two i.a{ width: 3.25rem; height: 3.25rem; border-radius: 3.5rem; left: 0.5rem; top: 0.5rem;}
	.project .list .pitem.three i.a{ width: 2.5rem; height: 2.5rem; border-radius: 2.5rem; left: 0.5rem; top: 0.5rem;}
	.project .list .pitem.wap-pitem{ width: 4.25rem; height: 4.25rem; border-radius: 4.25rem; padding: 28px 20px 0 20px; }
	.project .list .pitem.wap-pitem i.a{ width: 3.25rem; height: 3.25rem; border-radius: 3.5rem; left: 0.5rem; top: 0.5rem; }
	.project .list #pitem-0 i.b{ background: url(../images/icon5.png) no-repeat center; }
	.project .list #pitem-1 i.b{ background: url(../images/icon7.png) no-repeat center; }
	.project .list #pitem-2 i.b{ background: url(../images/icon2.png) no-repeat center; }
	.project .list #pitem-3 i.b{ background: url(../images/icon1.png) no-repeat center; }
	.project .list #pitem-4 i.b{ background: url(../images/icon3.png) no-repeat center; }
	.project .list #pitem-5 i.b{ background: url(../images/icon4.png) no-repeat center; }
	.project .list #pitem-6 i.b{ background: url(../images/icon6.png) no-repeat center;}
	.project .list .pitem:hover i.b{ opacity: 1; }
	.project .list #pitem-0{ top: 36%; left: 67%; }
	.project .list #pitem-1{ top: 72%; left: 68%;}
	.project .list #pitem-2{ top: 2%; left: 20%; }
	.project .list #pitem-3{ top: 5%; left: 62%; }
	.project .list #pitem-4{ left: 40%; top: 27%; }
	.project .list #pitem-5{ right: 65%; bottom: 46%; }
	.project .list #pitem-6{ top: 66%; right: 50%; }
	.project2{ padding: 0 0.75rem; }
	.project2 .list{ display: none; }
	.project2 .list2{ display: block; }
	.section3{ background: #fff; }
	.swiper-button-next, .swiper-button-prev{ background: none; width: 1.1rem; height: 1.1rem; }
    .swiper-button-next a, .swiper-button-prev a{ display: block; width: 1.1rem; height: 1.1rem; transition: all ease-out .5s; }
    .swiper-button-next a, .swiper-button-prev a{ background-size: cover;  }
    .swiper-button-next a:hover{ background: url(../images/bnext.png) no-repeat 0 -2.8rem; background-size: cover; }
    .swiper-button-prev a:hover{ background: url(../images/bprev.png) no-repeat 0 -2.8rem; background-size: cover; }
    #headnav{ height: 1.4rem; }
    .headnav .right a{ font-size: 0.6rem; padding: 0; text-align: center; height: 1.4rem; line-height: 1.4rem; }
    .headnav a.next i{ height: 1.4rem; line-height: 1.4rem; }
    .headnav .next{ padding: 0 0.25rem; }
    .subbanner{ width: 100%; height: 3.85rem; }
	.subbanner h2{ text-align: center; font-size: 0.75rem; color: #fff; line-height: 3.5rem; padding-bottom: 0.5rem;}
	.subbanner h2.blue{ background: url(../images/logo-s.png) no-repeat center 2.5rem; }
	.subbanner h2.blue{ background: url(../images/logo-s2.png) no-repeat center 2.5rem; }
	

	
	
	.container .headtitle{ height: 2.5rem; padding-top: 0.95rem; margin: 0 0.75rem;}
	.container .headtitle p.title{ font-size: 0.75rem; font-weight: normal; }
	.detail{ padding: 1rem 0.75rem 2rem; }
	.detail-list{ padding: 1rem 0.75rem 2rem; }
	.container .headtitle{ margin: 0 0.75rem; }
	.container .headtitle .search{ width: 100%; height: 1.25rem; left: 0; top: 2.5rem; margin-left: 0;}
	.container .headtitle .search0{ width: 100%; height: 1.25rem; left: 0; top: 2.5rem; margin-left: 0; text-align: center;}
	.container .headtitle{ height: 4.2rem; padding-top: 0.9rem;}
	.detail-list a.pitem p.title{ font-size: 0.6rem; font-weight: normal; padding-top: 0.2rem; }
	.detail-list a.pitem{ margin-bottom: 0.6rem; }
	.container .headtitle .search .searchbtn i{ font-size: 0.6rem;}
	.container .headtitle .search .searchbtn{ padding-top: 0.1rem; }
	.container .headtitle .search{ height: 1.25rem; }
	.container .headtitle .search0{ height: 1.25rem; }
	.container .headtitle .search0 input {width: 3.4rem; height: 1.2rem;line-height: 1.2rem;padding-left: 4px;margin: 0 0.4rem 0 0;}
	.container .headtitle .search0 p{ height: 1.25rem;line-height: 1.25rem; font-size: 0.6rem;}
	.container .headtitle .search0 input.submit{ width: 2rem; height: 1.2rem; font-size: 0.6rem; }
	.pages{ height: 2rem; line-height: 2rem;}
	.pages a.item{ font-size: 0.75rem }
	.pages a.prev, .pages a.next{ width: 1.25rem; height: 1.25rem; line-height: 1.25rem; }
	.pages a.prev i, .pages a.next i{ font-size: 0.75rem; }
	#container .headtitle0{ height: 2.6rem; }
	.project-detail .detail-top .right h4{ font-weight: normal; font-size: 0.75rem; color: #333;}
	.project-detail .detail-top .right h4:after{ display: none;}
	.project-detail .detail-top .right div{ margin-top: 20px; }
	.project-detail .detail-middle h4{ font-size: 0.75rem; font-weight: normal; }
	.project-detail .detail-middle .item i{ font-size: 0.6rem; color: #666; font-weight: normal; }
	.project-detail .detail-middle .item span{ font-size: 0.6rem; }
	.project-detail .detail-middle .item{padding-bottom: 0.5rem; }
	.project-detail .detail-top .right div p{ font-size: 0.6rem; }
	.project-detail .detail-middle .detail-content p{ font-size: 0.6rem; }
	.project-detail .detail-top .right div p a{ font-size: 0.6rem; }
	.project-detail .detail-top .right a.download{ font-size: 0.6rem; height: 1.5rem; line-height: 1.5rem; width: 5.75rem; }
	.project-detail .detail-middle a.detail-more{ font-size: 0.6rem; font-weight: normal; }
	.switch0{ display: none; }
	.switch1{ display: block; }
	.project-detail{ padding: 1rem 0.75rem 2rem; }
	.detail p{ font-size: 0.6rem; }
	.aboutus .about-item a.item{ text-align: left; padding-left: 24%; padding-right: 0; width: 100%; font-size: 0.75rem; }
	.aboutus .about-item a.item i{ right: 80.8%; }
	.aboutus li.bg{background: url(../images/shijian2.jpg) no-repeat 16.6% center; height: 1.15rem;}
	.aboutus .about-item{ margin-top: 1.35rem; }
	.aboutus .about-item a.item i{ width: 0.8rem; height: 0.8rem; border-radius: 0.8rem; line-height: 0.8rem; right: 81.3%;top: 2px;}
	.aboutus ul.about-con{ padding-bottom: 2.25rem; }
	.aboutus .detail-con li .left{ font-size: 0.6rem; }
	.aboutus .detail-con li .right p{ font-size: 0.6rem;}
	.aboutus .detail-con li .left i{ height: 0.25rem; width: 0.25rem; border-radius: 0.25rem; right: -2.5%; top: 10px;}
	.aboutus { padding: 1.1rem 0.75rem; }
	.aboutus .detail-con li .left{ padding-left: 0; }
	.aboutus .detail-con li+li{ margin-top: 1.5rem; }
	.about3{ padding: 0.9rem 0.75rem 2.4rem; }
	.about3 .item .left{ font-size: 0.6rem; width: 22%; }
	.about3 ul{ background: url(../images/about-bg.png) repeat-y 21.5% 5px; }
	.about3 .item .right{ width: 72%; }
	.about3 .item .right p{ font-size: 0.6rem; }
	.about3 .item+.item{ margin-top: 1rem; }
	.about3 .item .right img{ padding-right: 0.5rem; width: 40%; }
	.about3 .item .left i{ width: 0.25rem; height: 0.25rem; border-radius: 0.25rem; }
	.honor{ padding: 1rem 1.75rem; }
	.honor li{ width: 45.8%; margin-right: 8%; margin-bottom: 0.5rem;}
	.honor li:nth-child(4n){ margin-right: 8%; }
	.honor li:nth-child(3n){ margin-right: 8%; }
	.honor li:nth-child(2n){ margin-right: 0; }
	.honor li p{ font-size: 0.6rem; line-height: 0.75rem; padding-top: 0.25rem; }
	.contact .info{ margin-bottom: 0.25rem; }
	.contact .info input{ height: 1.5rem; font-size: 0.6rem; padding-left: 0.75rem; }
	.contact .info textarea{ height: 7.5rem; font-size: 0.6rem; padding: 0.75rem; }
	.submit button{ width: 3.25rem; height: 1.25rem; line-height: 1.25rem; font-size: 0.6rem; }
	.contact .info input:first-child{ margin-bottom: 0.75rem; }
	.contact{ padding: 1rem 0.75rem 2.5rem; }
	.submit{ margin-top: 0.6rem; }
	.mask2{ display: block; }
	.recruitbtn{ display: none;}
	.recruitbtn0{ display: block;}
	.headtitle .upload{ display: none; }
	.recruit{ padding: 1rem 0.75rem 1.6rem; }
	.recruit .recruit-item{ margin-bottom: 0.75rem; }
	.recruit .recruit-item a span{ font-size: 0.6rem; }
	.recruit .recruit-item a span.three{ display: none; }
	.recruit .recruit-item a span.two{ display: none; }
	.recruit .recruit-item a span.one{ min-width: 64%; }
	.recruit .recruit-item a{ height: 1.6rem; line-height: 1.6rem; }
	.recruit .recruit-item a i.open{ height: 1.6rem; line-height: 1.6rem; width: 1.6rem; background: url(../images/jia2.png) no-repeat center; }
	.recruit .recruit-item.on a i.open{ background: url(../images/jian2.png) no-repeat center; }
	.job-description{ padding: 0 0.75rem; }
	.job-description h2{ font-size: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.4rem; }
	.job-description ul{ padding-top: 0.6rem; }
	.job-description ul li{ font-size: 0.6rem; line-height: 1.2rem; }
	.contact .code{ margin-bottom: 1rem; width: 4.75rem; height: 4.75rem; }
	.relationship{ padding: 0.75rem 0.75rem 1.6rem; }
	.relationship .info textarea{ height: 7.5rem; font-size: 0.6rem; padding: 0.6rem 0.75rem; }
	.relationship .sorts{ padding-bottom: 0.4rem; }
	.relationship .sorts select{ width: 50.8%; max-width: 7.5rem; height: 1.25rem;font-size: 0.6rem; background: url(../images/sjx3.png) no-repeat 87% center; padding-left: 0.5rem; }
	.relationship .info input{ width: 2.5rem; height: 1rem; line-height: 1rem; font-size: 0.6rem; right: 1rem; bottom: 0.6rem; }
	.question{ padding-top: 0.9rem; padding-bottom: 1rem;}
	.question h4{ height: 1rem; line-height: 1rem; border-left: 3px solid #009fe0; font-size: 0.75rem; font-weight: normal;}
	.question .list .ask{ padding-top: 0.6rem; padding-bottom: 0.7rem; padding-left: 0;}
	.question .list .answer{ padding-left: 0; padding-top: 0.5rem; }
	.question .list p{ padding-left: 0.25rem; font-size: 0.6rem; line-height: 0.75rem;}
	.question .list i{ background: url(../images/qbg2.png) no-repeat center; width: 1.3rem; height: 1.3rem; line-height: 1.1rem; font-size: 0.6rem; }
	.question .list .answer p{ line-height: 0.9rem;}
	.question .list+.list{ margin-top: 0.5rem; }
	.news{ padding: 0.75rem 0.75rem 1.5rem; }
	.news .news-item a{ height: 3rem; border-radius: 0.25rem; padding: 0.5rem 0.75rem 0; background: none;}
	.news .news-item a p.title{height: auto; font-size: 0.6rem; line-height: 0.9rem; width: 100%;overflow:auto; text-overflow: clip;white-space:normal;}
	.news .news-item a i{ font-size: 0.5rem; right: 1.2rem; bottom: 0.5rem; height: 0.5rem; line-height: 0.5rem;}
	.news .news-item{ margin-bottom: 0.6rem; }
	.container .headtitle2{ padding-bottom: 0.75rem; }
	.headtitle2 p.subtitle{ padding-top: 0.5rem; }
	.headtitle2 p.subtitle span{ font-size: 0.6rem; padding-left: 0.5rem; }
	.headtitle2 p.subtitle span.one{ background: url(../images/icon-01.png) no-repeat left center; }
	.headtitle2 p.subtitle span.two{ background: url(../images/icon-02.png) no-repeat left center;  }
	.headtitle2 p.subtitle span.three{ background: url(../images/icon-03.png) no-repeat left center;  }
	.news-detail{ padding: 0.6rem 0.75rem 0.5rem; }
	.ndetail p{ font-size: 0.6rem; line-height: 0.9rem; }
	.upload .btns{ padding: 0 1.6rem; }
        
        
.footer .list2 .item.email{ display: none; }
	.footer .list2 a.item{ width:50%; }
        
}
@media screen and (max-width: 700px){
	.aboutus .detail-con li .left i{ right: -3.5%; }
	.aboutus .about-item a.item i{ right: 81%; }
	.about3 ul{ background: url(../images/about-bg.png) repeat-y 21.5% 5px; }
}
@media screen and (max-width: 600px){ .about3 ul{ background: url(../images/about-bg.png) repeat-y 21.4% 5px; } }
@media screen and (max-width: 500px){
	.about3 ul{ background: url(../images/about-bg.png) repeat-y 21.2% 5px; }
}
@media screen and (max-width: 450px){
	.footer .list2 a.item{ font-size: 0.6rem; }
	.footer-bottom p a{ font-size: 0.6rem; }
	.section .headtitle p.bg{ background-size: auto; }
	.swiper-button-next, .swiper-button-prev{ display: none; }
	.aboutus .about-item a.item i{ right: 80%; }
	.aboutus .detail-con li .left i{ right: -5.5%; }
	.aboutus li.bg{ background: url(../images/shijian2.jpg) no-repeat 15.7% center; }
	.about3 ul{ background: url(../images/about-bg.png) repeat-y 21% 5px; }
	.upload .btns{ padding: 0 1rem; }
	.mask2 .upload a{ width: 45%; }
}
@media screen and (max-width: 320px){
	.aboutus .about-item a.item i{ right: 79.8%; }
	.about3 ul{ background: url(../images/about-bg.png) repeat-y 20.8% 5px; }
}